//- =========================================================================================
	File Name: form-wizard-notification-style.pug
	Description: Form wizard notification style steps examples.
	----------------------------------------------------------------------------------------
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
	==========================================================================================-//
extends template

block pageVars
	- var pageTitle    = "Notification Style"
	- var pageSubTitle = "Form Wizard Notification Steps"
	- var description = "Add .wizard-notification class to form tag to apply notification style wizard steps. There are two styles to display wizard tabs horizontal and vertical. You can display numbers or icons as wizard steps. You can also validate form fields on each wizard step."
	- var activeMenu   = "form-wizard-notification-style"



block breadcrumbs
	+breadcrumbs([{url:"index.html",name:"Home"},{url:"#",name:"Page"}, {name:"Form Wizard Notification Steps"}])



//- Include page content in page block
append content
	include ../contents/form-wizard-notification-style.html


//- Vendor JS
//------------------------------
//- Add vendor specific JS
append vendorjs
	script(src=app_assets_path + '/vendors/js/extensions/jquery.steps.min.js', type='text/javascript')
	script(src=app_assets_path + '/vendors/js/pickers/dateTime/moment-with-locales.min.js', type='text/javascript')
	script(src=app_assets_path + '/vendors/js/pickers/daterange/daterangepicker.js', type='text/javascript')
	script(src=app_assets_path + '/vendors/js/forms/validation/jquery.validate.min.js', type='text/javascript')

append vendorcss
	link(rel='stylesheet', type='text/css', href=app_assets_path + '/vendors/css/pickers/daterange/daterangepicker.css')

append pagecss
	link(rel='stylesheet', type='text/css', href=app_assets_path + '/css'+rtl+'/plugins/forms/wizard.css')
	link(rel='stylesheet', type='text/css', href=app_assets_path + '/css'+rtl+'/plugins/pickers/daterange/daterange.css')

//- Page JS
//------------------------------
//- Add custom page specific JS
append pagejs
	script(src=app_assets_path + '/js/scripts/forms/wizard-steps.js', type='text/javascript')
